.bannerBox {
  width: 100%;
  height: 200px;
}

.banner {
  width: 100%;
  height: 100%;
}

.bannerBox swiper swiper-item image {
  width: 100%;
  height: 100%;
}

.banner-info {
  color: rgb(235, 42, 42);
  font-size: 50rpx;
  position: absolute;
  bottom: 20rpx;
  left: 700rpx;
}

.bannerNum {
  color: white;
  font-size: 16rpx;
  position: absolute;
  bottom: 2rpx;
  right: 20rpx;
}
.content {
  display: flex;
  align-items: center;
}

.left-item {
  margin-right: 50rpx; /* 调整两张图片之间的间距 */
}

.item image {
  width: 350rpx;
  height: 200rpx;
}

.content1 {
  display: flex;
  align-items: center;
}

.left-item {
  margin-right: 50rpx; 
}

.item image {
  width: 350rpx;
  height: 200rpx;
}

 .list{
   margin: 20rpx;
   border-bottom: 1px solid rgb(12, 12, 12);
   padding-bottom: 10px;
 }
 .title{
   font-size: 16px;
   margin-bottom: 16rpx;
 }
 .wrapper{
  display: flex;
 }
 .wrapper image{
   width: 220rpx;
   height: 160rpx;
 }
 .wrapper .info{
   flex:1;
   height: 160rpx;
    padding-left: 20rpx;
    position: relative;
 }
 .desc{
   font-size: 14px;
   color:#999;
 }
 .readnum{
   position: absolute;
   font-size: 12px;
   right: 0;
   bottom: 0;
 }
 .readnum{
   color: red;
 }
